﻿@{
    ViewBag.Title = "Index";
    
}
<div>
    This page is appointed for select and buying products<br />
    <br />

</div>

<div id="table">
    <table class="rounded-corner">
        <thead>
            <tr>
                <th class="rounded-company">@Html.ActionLink("Order Id", "Index")</th>
                <th>@Html.ActionLink("Total Price", "Index")</th>
                <th>@Html.ActionLink("Discount", "Index")</th>
                <th>@Html.ActionLink("Delivery Date", "Index")</th>
                <th>@Html.ActionLink("Status", "Index")</th>
                <th>@Html.ActionLink("Assignee", "Index")</th>
                <th class="rounded-q4">Operate</th>
            </tr>
        </thead>
        <tbody>
            @for (int i = 0; i <= 10; i++)
            {
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            }
        </tbody>
    </table>
</div>
<img id="loading" src="@Url.Content("~/Content/images/loading.gif")" style="display:none" />
<div style="margin-top: 20px;">
    <div class="panel-text-left">
        Totals
    </div>
    <div class="panel-text-center">
        Card Info
    </div>
</div>
<div id="info">

    <div class="totals-info label">
        <table class="ordering-table">
            <tr>
                <td>Order Number</td>
                <td>@Html.TextBox("orderNumber", "", new { @class = "admin-drop-list border" })</td>
            </tr>
            <tr>
                <td>Status</td>
                <td></td>
            </tr>
            <tr>
                <td>Total Price</td>
                <td></td>
            </tr>
            <tr>
                <td>Total Number of Items</td>
                <td></td>
            </tr>
            <tr>
                <td>Date of Ordering</td>
                <td></td>
            </tr>
            <tr>
                <td>Preferable Delivery Date</td>
                <td>@Html.TextBox("deliveryDate", "", new { @id = "datepicker", @class = "border admin-drop-list" })</td>
            </tr>
            <tr>
                <td>Delivery Date</td>
                <td>/ /</td>
            </tr>
            <tr>
                <td>Assignee</td>
                <td>@Html.DropDownList("selectItemOnPage", new SelectList(new string[] { "Merchendizer", "Merchendizer2", "Merchendizer3" }), new { @id = "combobox1" })</td>
            </tr>
        </table>
    </div>
    <div class="card-info  label">
        <table class="ordering-table">
            <tr>
                <td>Credid Card Type *</td>
                <td>@Html.DropDownList("selectItemOnPage", new SelectList(new string[] { "Visa", "Maestro" }), new { @id = "combobox" })</td>
            </tr>
            <tr>
                <td>Credid Card Number *</td>
                <td>@Html.TextBox("cardNumber", "", new { @class = "admin-drop-list border" })</td>
            </tr>
            <tr>
                <td>CVV2 Code</td>
                <td>@Html.TextBox("cvv2", "", new { @class = "admin-drop-list border" })</td>
            </tr>
            <tr>
                <td>Expiry Date *</td>
                <td>@Html.TextBox("date", "", new { @id = "datepicker1", @class = "admin-drop-list border" })</td>
            </tr>
            <tr>
                <td>Start Date (Maestro only) *</td>
                <td>@Html.TextBox("date", "", new { @id = "datepicker2", @class = "admin-drop-list border" })</td>
            </tr>
            <tr>
                <td>Issue Number (Maestro only)</td>
                <td>@Html.TextBox("date", "", new { @class = "admin-drop-list border" })</td>
            </tr>
            <tr>
                <td></td>
                <td><span style="color: red;">* fields are mandatory</span></td>
            </tr>
        </table>

    </div>
</div>
<div style="text-align: right;">
    <button type="submit" name="action" value="Create" class="buttons-blue">Save</button>
    <button type="reset" name="action" value="Refresh" class="buttons-yellow">Order</button>
    <button type="button" name="action" onclick="location.href='Index'" class="buttons-red">Cancel</button>

</div>
<br />
